<template>
  <SixBarChart
    class="numberpatients"
    :timeChart="RovChart"
    :echartId="'np'"
    :times="true"
  />
</template>
<script>
import SixBarChart from '../../components/complianceRate/components/navCharts.vue'
import { getDMonth } from '@/utils/time'
export default {
  components: { SixBarChart },
  data () {
    return {
      RovChart: {
        // rotate: -45,
        xdata: getDMonth(12),
        yname: [
          {
            name: '数量(份)',
            splitLine: {
              show: true,
              lineStyle: {
                color: 'rgba(65,97,128,0.15)',
                width: 1,
                type: 'solid'
              }
            },
            axisLine: {
              lineStyle: { color: 'rgba(255,255,255,0.70)' }
            }
          }
        ],
        series: [
          {
            type: 'bar',
            barWidth: '35%',
            data: [162, 113, 85, 213, 320, 208, 78, 35, 85, 63, 45, 82],
            itemStyle: {
              color: 'rgb(0,130,255)',
              barBorderRadius: [0, 0, 0, 0]
            }
          }
        ]
      }
    }
  }
}
</script>
<style>
.numberpatients {
  /* height: 240px; */
}
</style>
